<%--
  Created by IntelliJ IDEA.
  User: CFlower
  Date: 2017/11/9
  Time: 11:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <base href="<%=basePath%>">
    <title>数据共享管理</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" type="text/css" href="jquery/easyui1.4.2/themes/gray/easyui.css">
    <link rel="stylesheet" type="text/css" href="jquery/easyui1.4.2/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="css/assets/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/assets/css/ace.min.css"/>

    <script type="text/javascript" src="jquery/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="jquery/easyui1.4.2/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="jquery/easyui1.4.2/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="mintor/newmenu/js/datashare.js"></script>


    <style type="text/css">
        .btn-success,
        .btn-success:hover {
            background-color: #92c0ea !important;
            border-color: #92c0ea
        }

        .btn-success,
        .btn-success :active {
            background-color: #92c0ea !important;
            border-color: #92c0ea
        }

        .btn-success,
        .btn-success:focus {
            background-color: #92c0ea !important;
            border-color: #92c0ea
        }

        .header.green {
            border-bottom-color: #92c0ea;
        }

        .green {
            color: #92c0ea !important;
        }

        .widget-box {
            border-bottom: 0px;
        }

        .panel-body {
            padding: 0px;
        }

        input[readonly] {
            background: #ffffff !important;
            cursor: default;
        }

        .cftable thead, .cftable tr {
            border-top-width: 1px;
            border-top-style: solid;
            border-top-color: rgb(211, 202, 221);
            font-family: "微软雅黑";
        }

        .cftable {
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: rgb(211, 202, 221);
        }

        .cftable td, .cftable th {
            padding: 5px 10px;
            font-size: 8px;
            font-family: Verdana;
            color: rgb(95, 74, 121);
        }

        .cftable tr:nth-child(even) {
            background: rgb(223, 216, 232)
        }

        .cftable tr:nth-child(odd) {
            background: #FFF
        }
    </style>

    <script type="text/javascript">

    </script>

</head>
<body style="background-color:white;margin-top: 70px">
<div class="widget-box" style="margin:16px 24px;padding-bottom:15px;text-align: center;">
    <div class="widget-header header-color-red" style="border-top-left-radius:10px;border-top-right-radius:10px;">
        <h4 style="color:white;font-family: '微软雅黑'">数据共享管理</h4>
    </div>
    <div class="widget-body" style="border-bottom-right-radius:10px;border-bottom-left-radius:10px;">
        <div class="widget-main">
            <div class="row">
                <p style="font-family: 'Microsoft YaHei';">设备
                    <select id="equipmentId" name="equipmentId" style="width: 120px; height: 29px;cursor:pointer;"
                            class="easyui-combobox form-control" data-options="required:true">
                    </select>
                    &nbsp;&nbsp;工况
                    <select id="machiningId" name="machiningId" style="width: 120px; height: 29px;cursor:pointer;"
                            class="easyui-combobox form-control" data-options="required:true">
                    </select>
                    &nbsp;&nbsp;日期
                    <select id="machiningDate" name="machiningDate" style="width: 120px; height: 29px;cursor:pointer;"
                            class="easyui-combobox form-control" data-options="required:true">
                    </select>
                    &nbsp;&nbsp;时间段
                    <select id="machiningProcess" name="machiningProcess"
                            style="width: 150px; height: 29px;cursor:pointer;"
                            class="easyui-combobox form-control" data-options="required:true">
                    </select>
                    &nbsp;&nbsp;
                    <button class="btn btn-sm btn-danger" id="processConfirm"
                            onclick="genDownloadLink()">确认下载
                    </button>
                </p>
                <p style="font-family: 'Microsoft YaHei';text-align: left;">
                <div style="margin-left: 2%;display: inline;">
                    模式选择
                    <select id="patternName" name="patternName" style="width: 120px; height: 29px;cursor:pointer;"
                            class="easyui-combobox form-control" data-options="required:true">
                    </select>
                </div>
                <div style="margin-left: 2%;display: inline;">
                    自定义模式名称
                    <input id="patternNameSet" name="patternNameSet" style="width: 120px; height: 29px;"
                           class="easyui-textbox form-control" data-options="required:true">
                    </input>
                    &nbsp;&nbsp;
                    <button class="btn btn-sm btn-danger" id="recPatternConfirm"
                            onclick="addPatternToDatabase()">录入模式
                    </button>
                    &nbsp;&nbsp;
                    <a class="btn btn-sm btn-primary" href="<%=basePath%>doc/wuzhong-sensor-location.docx" >
                            说明文档下载
                    </a>
                    <a class="btn btn-sm btn-primary" href="<%=basePath%>doc/wuzhong-sensor-location.xlsx" >
                            编号索引下载
                    </a>
                </div>
                </p>
                <div>
                    <div id="table_001"
                         style="text-align:left;overflow:auto;margin-left: 5%;margin-top:10px;float: left;width: 44%;height: 200px;border-radius: 10px 10px 10px 10px;border: 3px solid;border-color: black;">
                        <p id="type_001"
                           style="display:inline;font-family: 'Microsoft YaHei';font-size: large;text-align: left;margin-left: 10px;">
                            DCH </p>
                        <p style="display:inline;">
                            <a onclick="addMessage(1);" href="javascript:void(0);" class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-add'" style="margin-left: 5px;">添加
                            </a>
                            <a onclick="deleteMessage(1);" href="javascript:void(0);" class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-no'" style="margin-left: 5px;">清空
                            </a>
                            <a id="left_001" onclick="leftMessage(1)" href="javascript:void(0);"
                               class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-undo'" style="margin-left: 5px;">左移
                            </a>
                            <a id="right_001" onclick="rightMessage(1)" href="javascript:void(0);"
                               class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-redo'" style="margin-left: 5px;">右移
                            </a>
                        </p>
                        <table id="tab_001" class="cftable" border="0" style="text-align: center; width: 100%;">
                            <thead>
                            <tr style="font-size: 15px;font-weight: bold;">
                                <td>序号</td>
                                <td>编号</td>
                                <td></td>
                                <td>操作</td>
                                <td></td>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                    <div id="table_002"
                         style="text-align:left;overflow:auto;margin-right: 5%;margin-top:10px;float: right;width: 44%;height: 200px;border-radius: 10px 10px 10px 10px;border: 3px solid;border-color: black;">
                        <p id="type_002"
                           style="display:inline;font-family: 'Microsoft YaHei';font-size: large;text-align: left;margin-left: 10px;">
                            FBG</p>
                        <p style="display:inline;">
                            <a onclick="addMessage(2);" href="javascript:void(0);" class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-add'" style="margin-left: 5px;">添加
                            </a>
                            <a onclick="deleteMessage(2);" href="javascript:void(0);" class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-no'" style="margin-left: 5px;">清空
                            </a>
                            <a id="left_002" onclick="leftMessage(2)" href="javascript:void(0);"
                               class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-undo'" style="margin-left: 5px;">左移
                            </a>
                            <a id="right_002" onclick="rightMessage(2);" href="javascript:void(0);"
                               class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-redo'" style="margin-left: 5px;">右移
                            </a>
                        </p>
                        <table id="tab_002" class="cftable" border="0" style="text-align: center; width: 100%;">
                            <thead>
                            <tr style="font-size: 15px;font-weight: bold;">
                                <td>序号</td>
                                <td>编号</td>
                                <td></td>
                                <td>操作</td>
                                <td></td>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                    <div id="table_003"
                         style="text-align:left;overflow:auto;margin-left: 5%;margin-top:10px;float: left;width: 44%;height: 200px;border-radius: 10px 10px 10px 10px;border: 3px solid;border-color: black;">
                        <p id="type_003"
                           style="display:inline;font-family: 'Microsoft YaHei';font-size: large;text-align: left;margin-left: 10px;">
                            CCD</p>
                        <p style="display:inline;">
                            <a onclick="addMessage(3);" href="javascript:void(0);" class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-add'" style="margin-left: 5px;">添加
                            </a>
                            <a onclick="deleteMessage(3);" href="javascript:void(0);" class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-no'" style="margin-left: 5px;">清空
                            </a>
                            <a id="left_003" onclick="leftMessage(3)" href="javascript:void(0);"
                               class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-undo'" style="margin-left: 5px;">左移
                            </a>
                            <a id="right_003" onclick="rightMessage(3);" href="javascript:void(0);"
                               class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-redo'" style="margin-left: 5px;">右移
                            </a>
                        </p>
                        <table id="tab_003" class="cftable" border="0" style="text-align: center; width: 100%;">
                            <thead>
                            <tr style="font-size: 15px;font-weight: bold;">
                                <td>序号</td>
                                <td>编号</td>
                                <td></td>
                                <td>操作</td>
                                <td></td>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                    <div id="table_004"
                         style="text-align:left;overflow:auto;margin-right: 5%;margin-top:10px;float: right;width: 44%;height: 200px;border-radius: 10px 10px 10px 10px;border: 3px solid;border-color: black;">
                        <p id="type_004"
                           style="display:inline;font-family: 'Microsoft YaHei';font-size: large;text-align: left;margin-left: 10px;">
                            ENV</p>
                        <p style="display:inline;">
                            <a onclick="addMessage(4);" href="javascript:void(0);" class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-add'" style="margin-left: 5px;">添加
                            </a>
                            <a onclick="deleteMessage(4);" href="javascript:void(0);" class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-no'" style="margin-left: 5px;">清空
                            </a>
                            <a id="left_004" onclick="leftMessage(4)" href="javascript:void(0);"
                               class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-undo'" style="margin-left: 5px;">左移
                            </a>
                            <a id="right_004" onclick="rightMessage(4);" href="javascript:void(0);"
                               class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-redo'" style="margin-left: 5px;">右移
                            </a>
                        </p>
                        <table id="tab_004" class="cftable" border="0" style="text-align: center; width: 100%;">
                            <thead>
                            <tr style="font-size: 15px;font-weight: bold;">
                                <td>序号</td>
                                <td>编号</td>
                                <td></td>
                                <td>操作</td>
                                <td></td>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                    <div id="table_005"
                         style="text-align:left;overflow:auto;margin-left: 5%;margin-top:10px;float: left;width: 44%;height: 200px;border-radius: 10px 10px 10px 10px;border: 3px solid;border-color: black;">
                        <p id="type_005"
                           style="display:inline;font-family: 'Microsoft YaHei';font-size: large;text-align: left;margin-left: 10px;">
                            CNC</p>
                        <p style="display:inline;">
                            <a onclick="addMessage(5);" href="javascript:void(0);" class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-add'" style="margin-left: 5px;">添加
                            </a>
                            <a onclick="deleteMessage(5);" href="javascript:void(0);" class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-no'" style="margin-left: 5px;">清空
                            </a>
                            <a id="left_005" disabled="true" onclick="leftMessage(5)" href="javascript:void(0);"
                               class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-undo'" style="margin-left: 5px;">左移
                            </a>
                            <a id="right_005" disabled="true" onclick="rightMessage(5);" href="javascript:void(0);"
                               class="easyui-linkbutton"
                               data-options="plain:true,iconCls:'icon-redo'" style="margin-left: 5px;">右移
                            </a>
                        </p>
                        <table id="tab_005" class="cftable" border="0" style="text-align: center; width: 100%;">
                            <thead>
                            <tr style="font-size: 15px;font-weight: bold;">
                                <td>序号</td>
                                <td>编号</td>
                                <td></td>
                                <td>操作</td>
                                <td></td>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%--“添加”按钮打开的对话框资源--%>
    <div id="dia-add">
        <div style="text-align: center">
            <div style="margin-top: 10px;">
                <p id="typeName" class="label" style="color: black;font-family: '微软雅黑';font-size: small">
                    当前数据类型：SDT
                </p>
            </div>
            <div>
                <p name="channelName" class="label" style="color: black;font-family: '微软雅黑'">通道:</p>
                <select name="channelId" id="channelId" style="width:100px;" class="easyui-combobox select"
                        data-options="required:true">
                </select>
            </div>
            <div>
                <p name="monitorName" class="label" style="color: black;font-family: '微软雅黑'">节点:</p>
                <select name="monitorId" id="monitorId" style="width:100px;" class="easyui-combobox select"
                        data-options="required:true">
                </select>
            </div>
        </div>
    </div>

</div>
</body>
</html>